/*
<--------------------------------------
--- GENERAL TAGS ---
-------------------------------------->
*/
@CHARSET "UTF-8";

body{
	background: url('images/old-world-map-light.jpg')fixed center center #D9DABB;
	font-family: Casantn, ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
	scrollbar-3dlight-color:#ffd700; 
	scrollbar-arrow-color:#ff0; 
	scrollbar-base-color:#ff6347; 
	scrollbar-darkshadow-color:#ffa500; 
	scrollbar-face-color:#008080; 
	scrollbar-highlight-color:#ff69b4; 
	scrollbar-shadow-color:#f0f;
}
h1{
	font-family: Amerikaa;
	font-size: 30pt;
	color: #E2E6B5;
}
	h1#diplomacy a{
		color: #E2E6B5;
	}
	h1#diplomacy a:hover{
		text-decoration: none;
		color: inherit;
	}
h2{
	font-size: 35pt;
	color: #1B1709;
	padding-top: 10px;
}

h3{
	font-size: 18pt;
	color: #1B1709;
	padding-top: 10px;
}
p{
	font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: justify;
	padding-top: 10px;
}
a{
	text-decoration: none;
	color: inherit;
}
a:link {text-decoration: none; color: #0C668B}
a:visited {text-decoration: none; color: #0C668B}
a:active {text-decoration: none; color: #00CCFF}
a:hover {text-decoration: underline; color: #00CCFF}

label{
	font-family: Amerikaa;
	font-size: 14pt;
	letter-spacing: 2px;
	color: #000;
}

input{
	height: 20px;
	font-size: 14pt;
	font-family: Casantn, georgia, serif, sans-serif;
	color: #826948;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
/*
<--------------------------------------
--- PUBLIC CLASSES ---
-------------------------------------->
*/
.hidden {
	display:none;
}

/*
<--------------------------------------
--- GRIDSYSTEM ---
-------------------------------------->
*/

.wrapper{
   	width: 960px;
   	margin: 0 auto;
}
.whole, .threeQuarters, .twoThirds, .half, .oneThird, .oneQuarter,
.oneEight, .threeEights, .fiveEights, .sevenEights, .oneSixteenth,
.threeSixteenths, .fiveSixteenths, .sevenSixteenths, .nineSixteenths,
.elevenSixteenths, .thirteenSixteenths, .fifteenSixteenths{
   	float: left;
   	margin: 10px;
   	display: inline;
}
.left{
   	float: left;
}
.right{
   	float: right;
}
.whole{
   	width: 940px;
}
.fifteenSixteenths{
	width: 880px;
}
.sevenEights{
	width: 820px;
}
.thirteenSixteenths{
	width: 760px;
}
.threeQuarters{
   	width: 700px;
}
.elevenSixteenths{
	width: 640px;
}
.twoThirds{
   	width: 620px;
}
.fiveEights{
	width: 580px;
}
.nineSixteenths{
	width: 520px;
}
.half{
   	width: 460px;
}
.sevenSixteenths{
	width: 400px;
}
.threeEights{
	width: 340px;
}
.oneThird{
   	width: 300px;
}
.fiveSixteenths{
	width:280px;
}
.oneQuarter{
   	width: 220px;
}
.threeSixteenths{
	width: 160px;
}
.oneEight{
	width: 100px;
}
.oneSixteenth{
	width: 40px;
}

/*
<--------------------------------------
--- STICKYFOOTER ---
-------------------------------------->
*/

html, body{
	height: 100%;
}
#container {
   	min-height: 100%;
   	margin-bottom: -200px;
   	position: relative;
}
#footer {
   	height: 200px;
   	position: relative;
	background: url('images/footerbg.png') center;
}

.clearfooter {
   	height: 200px;
   	clear: both;
}